﻿<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html>
<html>
<head>
    <title>二手手机回收｜旧手机回收｜二手手机交易－耶回收</title>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta name="renderer" content="webkit" />  
    <link href="static/css/common_new.min.css" rel="Stylesheet" type="text/css" />
    <link href="<%=basePath%>static/layer/2.4/skin/layer.css"  rel="stylesheet" type="text/css" />
    <link id="css" href="<%=basePath%>static/css/search.min.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="<%=basePath%>js/jquery.min.js"></script>
    <script type="text/javascript" src="<%=basePath%>static/layer/2.4/layer.js"></script>
    <script type="text/javascript" src="<%=basePath%>static/js/common.min.js"></script>
    <script type="text/javascript" src="<%=basePath%>static/js/b52.js"></script>
    <script type="text/javascript" src="<%=basePath%>js/kefu.js"></script>
	<script type="text/javascript" src="<%=basePath%>js/vue.min.js"></script>
	<link rel="stylesheet" href="<%=basePath%>css/index.css">
    <style type="text/css">
    
    .up_t{font-size:14px !important}
     .dibu{
        text-align: center;
        background: #f9f6f6;
        height: 60px;
        line-height: 30px;
        padding:18px 0;
    }
 .input-text{
 border: none;
  width: 40px;
 }
 
 .input-btn{
 width: 60px;
height: 38px;
margin-left: 12px;
text-align: center;
line-height: 39px;
 
 }
 
/*  价格影藏的css样式 */
.p{
display:none;

}
.p div a{

color:#fff;
}

.act{
position: absolute;
margin-left: -15px;
display: block;
z-index: 19910354325;
background: #655151;
width: 88px;
height: 113px;
top: 0px;
}

.nav_t{
width: 150px !important;
height: 40px !important;
text-align:center !important;
border:0px !important;
}

.nav_t a{
width:80px !important;
height:40px !important;
background:#fff !important;
border:0px !important;
}

.navbar-content{
 border:0px !important;
}
.yeah-top{border:none !important;}
</style>
</head>
<body>
   <div id="header" class="">
     <div class="navbar">
        <div class="navbar-content">
            <jsp:include page="yeah-top.jsp"/>
        </div>
    </div>
    <div class="top-area">
        <div class="search">
                <a class="logo-link" href="<%=basePath%>" title="耶回收网,手机回收,笔记本回收,减法新生活,中国专业可靠的二手数码回收平台">                   
                    <span class="icon-logo" style="width: 220px;"></span>
                </a>
                <!-- <a href="/" class="backup" title="东方风云榜，音乐盛典独家冠名">
                    <img src="static/picture/fengyunbang.png">
                </a>>
              <!-- 回收商品搜索 -->
                <div class="searchbox">
                <form action="tobrandinfo" method ="post">
                    <input id="txt-keyword"  value="${brandname}" type="text" name="brandname" placeholder="品牌名称" class="ac_input" />
                    <button type="submit"><a id="btnSearchKeyWords" title="二手手机回收｜旧手机回收｜二手手机交易－耶回收"></a></button>
                    </form>
              </div>
        </div>
       <div class="nav-projects">
                <div class="tab-menu">
                    <ul class="clearfix">
                        <li>
                            <a href="tobrandinfo"  class="activemenu first-tab" title="手机回收,二手手机回收,专业靠谱的数码产品回收平台"> 旧机回收 <i></i></a>
                        </li>
                        <li class="nav_t">
                        <a href="sellindex"  class="activemenu first-tab" title="手机回收,二手手机回收,专业靠谱的数码产品回收平台">耶优品<i></i></a>
                        </li>
                         <li class="nav_t">
                        <a href="leaseitem"  class="activemenu first-tab" title="手机回收,二手手机回收,专业靠谱的数码产品回收平台">低价租赁<i></i></a>
                        </li>
                    </ul>
                </div>
       </div>
    </div>
</div>

    <div>
<title>搜索页</title>

<div class="product-list-crumbs-nav">
    <div class="nav-box">
        <a href="<%=basePath%>" title="手机回收,二手手机回收,耶回收网首页">首页</a>
            <a href="tobrandinfo?cid=1" title="二手回收产品,二手手机回收,回收品牌,回收分类">全部回收分类</a>

            <a href="javascript:;" title="手机">${ classifyname}</a>
            </div>
</div>
<!--分类导航-->
    <div class="product-list-class-wrapper">
            <dl>
        <dt>分类：</dt>
        <div class="list-box-wrapper">
            <div class="list-box">
                   <c:forEach items="${classifylist}" var="classify">
                    <dd <c:if test="${cid==classify.cid}"> class="active"</c:if> ><a href="tobrandinfo?cid=${classify.cid }">${classify.classifyname }</a>
                    </dd>
                    </c:forEach>
            </div>
        </div>
       <div class="more" onclick="getmore(this)">更多</div>
    </dl>


    <dl>
        <dt>品牌：</dt>
        <div class="list-box-wrapper">
            <div class="list-box">
            <c:forEach items="${brandlist}" var="brand">
                        <dd <c:if test="${pid==brand.pid }"> class="active"</c:if>>
                          <a  href="tobrandinfo?pid=${brand.pid }&cid=${cid}" title="苹果手机回收">${brand.brandname }</a>
                        </dd>
                        </c:forEach>
                       
                        
            </div>
        </div>
      <div class="more" onclick="getmore(this)">更多</div>
    </dl>
        </div>
<!--产品列表-->
    <div class="product-list-wrapper">
        <ul>               <c:forEach items="${pageinfo.list}" var="back"> 
                            <li>
                    <a href="toAssessValue?id=${back.id }" title="${back.brandname}&nbsp;${back.model}回收">
                        <div class="img-box"><img style="height:150px;" src="${back.img_url}" alt="二手 手机 苹果 iPhone X 回收"></div>
                        <p>${back.brandname}&nbsp;${back.model}</p>
                        <!-- <div class="price">回收最高价 <em>￥7145</em></div> -->
                         <span>已有${back.stocknum }人回收</span> 
                        <div class="link"><em>马上去换钱</em><i class="arrow-right"></i></div>
                    </a>
                </li>
                 </c:forEach>
        </ul>
    </div>
    <div class="product-list-pager">
                   <input type="hidden" value="${cid }">
                   <input type="hidden" value="${pid }">
                   <input type="hidden" value="${brandname }"/>
               <div style="width:200px;height:38px;"><strong>一共<span class="page">${pageinfo.pages}</span>页</strong>
                 <strong>当前页<span class="page">${pageinfo.pageNum}</span></strong></div>
              <c:if test="${pageinfo.pageNum>1}"><a href="tobrandinfo?npage=1&&cid=${cid }&pid=${pid}&brandname=${brandname}">第一页</a></c:if>
                 <c:if test="${pageinfo.pageNum==1}"><a href="javascript:void(0)">第一页</a></c:if>
                 <c:if test="${pageinfo.pageNum==1}"><a href="javascript:void(0)">上一页</a></c:if>
                 <c:if test="${pageinfo.pageNum>1}"><a href="tobrandinfo?npage=${pageinfo.prePage}&cid=${cid }&pid=${pid}&brandname=${brandname}">上一页</a></c:if>
                 <c:if test="${pageinfo.pageNum<pageinfo.pages }"><a href="tobrandinfo?npage=${pageinfo.nextPage}&cid=${cid}&pid=${pid}&brandname=${brandname}">下一页</a></c:if>
                 <c:if test="${pageinfo.pageNum==pageinfo.pages }"><a href="javascript:void(0)">下一页</a></c:if> 
                 <c:if test="${pageinfo.pageNum==pageinfo.pages}">  <a href="javascript:void(0)">最后一页</a></c:if>
                 <c:if test="${pageinfo.pageNum<pageinfo.pages}"><a href="tobrandinfo?npage=${pageinfo.pages}&cid=${cid}&pid=${pid}&brandname=${brandname}">最后一页</a></c:if>
                 <a><input style="border:none;width:40px;text-align:center;line-height:21px;" class="input-text" type="text" placeholder="页码"/></a><a class="input-btn" onclick="searchPage()" type="button" >跳转到</a>
    </div>
<!--热门回收-->
   <!--  <div class="product-list-hot">
            <div class="header">热门回收手机</div>

        <div class="swiper-container" id="swiper-container">
            <div class="event-btn prev"></div>
            <div class="event-btn next"></div>
            <div class="swiper-wrapper">
                            <ul class="swiper-slide">
                                        <li >
                                            <a href="/product/23423.html" title="苹果 iPhone 7 Plus回收">
                                                <div class="img-box"><img src="static/picture/20d104544583473a93ea3cfb9f65a924.gif" alt="苹果 iPhone 7 Plus回收"></div>
                                                <p>苹果 iPhone 7 Plus</p>
                                                <div class="price">回收最高价 <em>￥4265</em></div>
                                                <span>已有1036人回收</span>
                                                <div class="link"><em>马上去换钱</em><i class="arrow-right"></i></div>
                                            </a>
                                        </li>
                                        <li >
                                            <a href="/product/25679.html" title="苹果 iPhone 8回收">
                                                <div class="img-box"><img src="static/picture/d7cf71eff31c4d8c886403492ce92c4d.gif" alt="苹果 iPhone 8回收"></div>
                                                <p>苹果 iPhone 8</p>
                                                <div class="price">回收最高价 <em>￥4700</em></div>
                                                <span>已有610人回收</span>
                                                <div class="link"><em>马上去换钱</em><i class="arrow-right"></i></div>
                                            </a>
                                        </li>
                                         <li >
                                            <a href="/product/23423.html" title="苹果 iPhone 7 Plus回收">
                                                <div class="img-box"><img src="static/picture/20d104544583473a93ea3cfb9f65a924.gif" alt="苹果 iPhone 7 Plus回收"></div>
                                                <p>苹果 iPhone 7 Plus</p>
                                                <div class="price">回收最高价 <em>￥4265</em></div>
                                                <span>已有1036人回收</span>
                                                <div class="link"><em>马上去换钱</em><i class="arrow-right"></i></div>
                                            </a>
                                        </li>
                                        <li  class="no-margin" >
                                            <a href="/product/25680.html" title="苹果 iPhone 8 Plus回收">
                                                <div class="img-box"><img src="static/picture/f4c0f2ff40de4642a37786e2e18570a3.gif" alt="苹果 iPhone 8 Plus回收"></div>
                                                <p>苹果 iPhone 8 Plus</p>
                                                <div class="price">回收最高价 <em>￥5210</em></div>
                                                <span>已有382人回收</span>
                                                <div class="link"><em>马上去换钱</em><i class="arrow-right"></i></div>
                                            </a>
                                        </li>
                            </ul>
                            <ul class="swiper-slide">
                                        <li >
                                            <a href="/product/23422.html" title="苹果 iPhone 7回收">
                                                <div class="img-box"><img src="static/picture/283ec913242b4131a5ed1d798c0bb2fb.gif" alt="苹果 iPhone 7回收"></div>
                                                <p>苹果 iPhone 7</p>
                                                <div class="price">回收最高价 <em>￥3350</em></div>
                                                <span>已有910人回收</span>
                                                <div class="link"><em>马上去换钱</em><i class="arrow-right"></i></div>
                                            </a>
                                        </li>
                                        <li >
                                            <a href="/product/17461.html" title="苹果 iPhone 6回收">
                                                <div class="img-box"><img src="static/picture/75630fe95c3248718596d1a6593bdf75.gif" alt="苹果 iPhone 6回收"></div>
                                                <p>苹果 iPhone 6</p>
                                                <div class="price">回收最高价 <em>￥1305</em></div>
                                                <span>已有2729人回收</span>
                                                <div class="link"><em>马上去换钱</em><i class="arrow-right"></i></div>
                                            </a>
                                        </li>
                                        <li >
                                            <a href="/product/17462.html" title="苹果 iPhone 6 Plus回收">
                                                <div class="img-box"><img src="static/picture/8bde0390db7345d39cea92c8faa5b305.gif" alt="苹果 iPhone 6 Plus回收"></div>
                                                <p>苹果 iPhone 6 Plus</p>
                                                <div class="price">回收最高价 <em>￥1745</em></div>
                                                <span>已有1847人回收</span>
                                                <div class="link"><em>马上去换钱</em><i class="arrow-right"></i></div>
                                            </a>
                                        </li>
                                        <li  class="no-margin" >
                                            <a href="/product/17726.html" title="苹果 iPhone 6S回收">
                                                <div class="img-box"><img src="static/picture/9ce8d8f29e594e84a2271ba414bddc0e.gif" alt="苹果 iPhone 6S回收"></div>
                                                <p>苹果 iPhone 6S</p>
                                                <div class="price">回收最高价 <em>￥1775</em></div>
                                                <span>已有1449人回收</span>
                                                <div class="link"><em>马上去换钱</em><i class="arrow-right"></i></div>
                                            </a>
                                        </li> 
                            </ul>
                                 <ul class="swiper-slide">
                                        <li >
                                            <a href="/product/23422.html" title="苹果 iPhone 7回收">
                                                <div class="img-box"><img src="static/picture/283ec913242b4131a5ed1d798c0bb2fb.gif" alt="苹果 iPhone 7回收"></div>
                                                <p>苹果 iPhone 7</p>
                                                <div class="price">回收最高价 <em>￥3350</em></div>
                                                <span>已有910人回收</span>
                                                <div class="link"><em>马上去换钱</em><i class="arrow-right"></i></div>
                                            </a>
                                        </li>
                                        <li >
                                            <a href="/product/17461.html" title="苹果 iPhone 6回收">
                                                <div class="img-box"><img src="static/picture/75630fe95c3248718596d1a6593bdf75.gif" alt="苹果 iPhone 6回收"></div>
                                                <p>苹果 iPhone 6</p>
                                                <div class="price">回收最高价 <em>￥1305</em></div>
                                                <span>已有2729人回收</span>
                                                <div class="link"><em>马上去换钱</em><i class="arrow-right"></i></div>
                                            </a>
                                        </li>
                                        <li >
                                            <a href="/product/17462.html" title="苹果 iPhone 6 Plus回收">
                                                <div class="img-box"><img src="static/picture/8bde0390db7345d39cea92c8faa5b305.gif" alt="苹果 iPhone 6 Plus回收"></div>
                                                <p>苹果 iPhone 6 Plus</p>
                                                <div class="price">回收最高价 <em>￥1745</em></div>
                                                <span>已有1847人回收</span>
                                                <div class="link"><em>马上去换钱</em><i class="arrow-right"></i></div>
                                            </a>
                                        </li>
                                        <li  class="no-margin" >
                                            <a href="/product/17726.html" title="苹果 iPhone 6S回收">
                                                <div class="img-box"><img src="static/picture/9ce8d8f29e594e84a2271ba414bddc0e.gif" alt="苹果 iPhone 6S回收"></div>
                                                <p>苹果 iPhone 6S</p>
                                                <div class="price">回收最高价 <em>￥1775</em></div>
                                                <span>已有1449人回收</span>
                                                <div class="link"><em>马上去换钱</em><i class="arrow-right"></i></div>
                                            </a>
                                        </li> 
                            </ul>
                         
            </div>
        </div>
    </div> -->
    <div class="product-list-swiper-page-list swiper-pagination"></div>
    <input type="hidden" id="SearchKeyWord"/>
    </div>
    <!-- 侧边栏导航 -->
    <div id="aside">
        <div class="aside_nav" id="goTop" title="返回顶部">
            <div class="aside_icon"></div>
            <p><a class="up_t" href="#">返回顶部</a></p>
        </div>
    </div>
    <div id="allmap"></div>
    <!--  底部jsp -->
   <jsp:include page="bottom.jsp" />
    <div id="popwindow_shadow_bg"><iframe frameborder="0" id="popwindow_frame"></iframe></div>
    <div class="pop_window" id="popWindow"></div>
    <div id="pageTemplate" style="display: none;">
    </div>
<!--  轮播图start -->
<script type="text/javascript" src="<%=basePath%>js/slider.js"></script>
	
	<script type="text/javascript">
	$(function(){
		$(".product-list-class-wrapper").find("a").each(function(){
			/* var color =$(this).attr("class");
			console.log(color); */
			$(this).on("mouseover",function(){
				$(this).css("color","rgb(236, 73, 29)");
			}).on("mouseleave",function(){
				$(this).css("color","#333");
			});
		});
	});
	</script>
	
	<script type="text/javascript">
	//热门回收轮播图的轮播图
	//宽度
	 var widths =$("#swiper-container").width();
	 //定义布尔值
	 var flag =true;
	 
	 var _index=0;//移动的下标位置
	 
	 //计算轮播图的个数
	 var arrNum = $("#swiper-container").find("ul").length;
	 
	  //动态根据轮播图的个数设定录播图父类div的长度
	 $("#swiper-container").find(".swiper-wrapper").width(arrNum*widths);
	 
	
	 //轮播图左移动的函数
	 function  silderLeft(num){
		 
		 $("#swiper-container").find(".swiper-wrapper").animate({
				left:-num*widths },1000);
		

			if(_index>=arrNum-1){
				_index=-1;
			}
	 }
	 //轮播图右移的函数
    function  silderRight(num){
		 
		 $("#swiper-container").find(".swiper-wrapper").animate({
				left:-num*widths },1000);
		

			if(_index<0){
				_index=arrNum-1;
			}
	 }
	 
	 //轮播图自动默认播放
	 function autoPlay(flag){
		 _index++;
		 if(flag){
		 silderLeft(_index);
		
	  }
		
	 }
	 
//鼠标移入商品时 清除定时器
	$("#swiper-container").find("li").each(function(){
		
		$(this).on("mouseover",function(){
			flag=false;
			clearInterval(timer);
			
		}).on("mouseleave",function(){
			flag=true;
			timer =setInterval("autoPlay(flag)",3000);
			
		})
		
	});
	
	/* 鼠标移入左右按钮清除定时器 */ 
$("#swiper-container").find(".event-btn ").each(function(){
		
		$(this).on("mouseover",function(){
			flag=false;
			clearInterval(timer);
			
		}).on("mouseleave",function(){
			flag=true;
			timer =setInterval("autoPlay(flag)",3000);
			
		})
		
	});
	
	$("#swiper-container").find(".next").click(function(){
		
		if(_index>=arrNum-1){
			_index=-1;
		}
		_index++;
		 silderLeft(_index);
	});
	
   $("#swiper-container").find(".prev").click(function(){
	   if(_index==0){
		   _index=arrNum;
	   } 
	   
	  if(_index==-1){
		  _index=arrNum-1; 
	   } 
	   _index--;
		silderRight(_index);
		
	});
   
   //设定全局定时器 4秒执行一次函数autoPlay(flag)；
	 var timer = setInterval("autoPlay(flag)",3000);
</script>
</body>
</html>
